<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/details.css">
</head>

<body>
    <!-- 页头 -->
    <div id="headerTop">
        <ul class="headerTop-core">
            <li><a href="javascript:;">登录</a></li>
            <li><a href="javascript:;" class="register ">免费注册</a></li>
            <li><a href="javascript:;">我的订单</a></li>
            <li><a href="javascript:;">商家入驻</a></li>
            <li class="shoppingTrolley "><a href="http://localhost/juanpi/src/cartlist.html">购物车</a></li>
            <li><a href="javascript:;">商家中心</a></li>
            <li><a href="javascript:;">客户服务</a></li>
        </ul>
    </div>
    <header>
        <div class="headerCore">
            <div class="logo">卷皮</div>
            <div class="headerCenter">
                <a href="javascript:;"><span class="iconfont icon-shizhong"></span>10:00点开抢</a>
                <a href="javascript:;"><span class="iconfont icon-shandian"></span>买手砍价</a>
                <a href="javascript:;"><span class="iconfont _jurassic
                    icon-jurassic_toview"></span>验货质检</a>
            </div>
            <div> <input type="text" class="seek" placeholder="请输入想找的宝贝">
                <input type="submit" class="seekBut" value="搜索">
            </div>
        </div>
    </header>
    <nav>
        <ul>
            <a href="http://localhost/juanpi/src/index123.html" class="option">首页</a>
            <a href="javascript:;">品牌折扣</a>
            <a href="javascript:;">9.9包邮</a>
            <a href="javascript:;">即将上线</a>
            <a href="javascript:;">手机版</a>
        </ul>
    </nav>
    <!-- 详情页主体内容 -->
    <main id="wrap">
        <div class="way">
            <a href="javascript:;">首页</a>>
            <a href="javascript:;">列表页</a>>
            <a href="javascript:;">渲染产品标题</a>
        </div>
        <div class="subject">

            <div class="left">
                <ul>
                    <!-- <li><img src="https://goods8.juancdn.com/tao/190531/f/d/5cf0e42533b089402173bb1e_800x800.jpg?imageMogr2/thumbnail/58x58!/quality/88!/format/jpg" alt=""></li>
                    <li><img src="https://goods8.juancdn.com/tao/190531/f/d/5cf0e42533b089402173bb1e_800x800.jpg?imageMogr2/thumbnail/58x58!/quality/88!/format/jpg" alt=""></li>
                    <li><img src="https://goods8.juancdn.com/tao/190531/f/d/5cf0e42533b089402173bb1e_800x800.jpg?imageMogr2/thumbnail/58x58!/quality/88!/format/jpg" alt=""></li> -->
                </ul>
                <div class="pic">
                    <img src="">
                </div>
                <div class="picText">
                    <span class="picTextWarp">
                        <span >100%人工质检</span>
                    <span>全国包邮低价保障</span>
                    <span>7天无理由退货</span>
                    </span>
                </div>
                <div class="picText2">
                    <a class="collect "><span class="iconfont icon-shoucang"></span>收藏</a>
                    <a class="collect "><span class="iconfont icon-fenxiang"></span>分享</a>
                    <a class="collect ">举报</a>
                </div>
            </div>
            <!-- 中间部分 -->
            <div class="conter">
                <div class="conTltle">依思q女鞋2019夏季百搭时尚优雅小白鞋平底时尚单鞋</div>
                <div class="conPrice">
                    <div class="conMoney ">
                        <div class="now ">￥:59</div>
                        <div class="original  ">参考价:399</div>
                        <div class="conTime ">剩余时间</div>
                    </div>
                    <div class="promotion">促销：<span>任选</span> 59元1件任选 <a href="javascript:;"> 详情》</a>
                    </div>
                </div>
                <!-- 配送地区 -->
                <dl class="freight ">
                    <dt>配送：</dt>
                    <dd>
                        <div class="address">泉州市 至 <span class="addressSelector"><span class="dizhi"> 浙江</span><span class="iconfont icon-ico_arrows_unfold
                            "></span> </span>
                            <div class="city">
                                <ul>
                                    <li><a href="javascript:;">北京市</a></li>
                                    <li><a href="javascript:;">天津市</a></li>
                                    <li><a href="javascript:;">上海市</a></li>
                                    <li><a href="javascript:;">重庆市</a></li>
                                    <li><a href="javascript:;">河北省</a></li>
                                    <li><a href="javascript:;">山西省</a></li>
                                    <li><a href="javascript:;">内蒙古自治区</a></li>
                                    <li><a href="javascript:;">辽宁省</a></li>
                                    <li><a href="javascript:;">吉林省</a></li>
                                    <li><a href="javascript:;">黑龙江省</a></li>
                                    <li><a href="javascript:;">江苏省</a></li>
                                    <li><a href="javascript:;">浙江省</a></li>
                                    <li><a href="javascript:;">安徽省</a></li>
                                    <li><a href="javascript:;">福建省</a></li>
                                    <li><a href="javascript:;">江西省</a></li>
                                    <li><a href="javascript:;">山东省</a></li>
                                    <li><a href="javascript:;">河南省</a></li>
                                    <li><a href="javascript:;">湖北省</a></li>
                                    <li><a href="javascript:;">湖南省</a></li>
                                    <li><a href="javascript:;">广东省</a></li>
                                    <li><a href="javascript:;">广西壮族自治区</a></li>
                                    <li><a href="javascript:;">海南省</a></li>
                                    <li><a href="javascript:;">四川省</a></li>
                                    <li><a href="javascript:;">贵州省</a></li>
                                    <li><a href="javascript:;">云南省</a></li>
                                    <li><a href="javascript:;">西藏自治区</a></li>
                                    <li><a href="javascript:;">陕西省</a></li>
                                    <li><a href="javascript:;">甘肃省</a></li>
                                    <li><a href="javascript:;">青海省</a></li>
                                    <li><a href="javascript:;">宁夏回族自治区</a></li>
                                    <li><a href="javascript:;">新疆维吾尔自治区</a></li>
                                </ul>
                            </div>
                            <span class="by">包邮,</span>
                            <span class="fh">24小时发货</span>
                        </div>
                    </dd>
                </dl>
                <!-- 颜色 -->
                <div class="colour ">
                    <p>颜色:</p>
                    <ul>
                        <!-- 被点击时加上class名colorStyle -->
                        <li class="colorStyle">绿色</li>
                        <li>黄色</li>
                        <li>11蓝色11</li>
                        <li>黑色</li>
                        <li>花色</li>
                        <li>白色</li>
                    </ul>
                </div>
                <!-- 尺码 -->
                <div class="comSize ">
                    <p>尺码:</p>
                    <ul>
                        <!-- 被点击时加上class名sizeStyle -->
                        <li class="sizeStyle">36</li>
                        <li>38</li>
                        <li>40</li>
                        <li>42</li>
                        <li>44</li>
                        <li>46</li>
                    </ul>
                </div>
                <!-- 购买数量 -->
                <dl class="number">
                    <dt>数量：</dt>
                    <dd>
                        <p>
                            <span class="minus">-</span>
                            <input type="text" name="amount" value="1">
                            <span class="plus">+</span>
                        </p>
                        <span class="skulimitbuy" style="display:none;">限购<em class="red">50</em>件</span>
                        <div id="stockconfig" data-enough="50" data-less="20" style="display:none;"></div>
                    </dd>
                </dl>
                <!-- 立即购买和加入购物车按钮 -->
                <div id="buyJoins">
                    <a class="buy" href="javascript:;">立即购买</a>
                    <a class="joins" href="javascript:;">加入购物车</a> </div>
            </div>
            <!-- 右侧店铺信息 -->
            <div class=" right ">
                <!-- 店铺 -->
                <div class="store">
                    <div class="storeImg">
                        <img src="https://goods5.juancdn.com/seller/190823/9/3/5d5f596fb6f8ea0ecd7ef6c6_180x90.png?iopcmd=thumbnail&type=11&height=58&width=58%7Ciopcmd=convert&Q=88&dst=png" alt="">
                    </div>
                    <div class="storeName">南极人时尚小店</div>
                    <p>共164件商品</p>
                </div>
                <!-- 保障 -->
                <div class="guarantee">
                    <p><span class="iconfont icon-authenticate"></span>金牌认证</p>
                    <p><span class="iconfont icon-authenticate"></span>已缴纳保证金</p>
                    <p><span class="iconfont icon-authenticate"></span>营业执照</p>
                </div>
                <!-- 联系客服 -->
                <div class="sale">
                    <span class="iconfont icon-authenticate"></span>
                    <a href="javascript:;">联系客服</a>
                </div>
            </div>
        </div>
    </main>



    <!-- 右侧导航栏 -->
    <div id="rightNav">
        <div class="rightNavTop ">
            <span class="iconfont icon-gerenyonghutouxiang2 "></span>
            <div class="sack ">
                <span class="iconfont icon-bags "></span>
                <span>购物袋</span>
                <span class="sackNum ">0</span>
            </div>
            <span class="iconfont icon-shoucang "></span>
            <span class="iconfont icon-wodeyouhuijuan "></span>
        </div>
        <div class="rightNavBot ">
            <span class="iconfont icon-pan_icon "></span>
            <span class="iconfont icon-ico "></span>
            <span class="iconfont icon-fanhuidingbu "></span>
        </div>
    </div>
    <script src="https://cdn.bootcdn.net/ajax/libs/require.js/2.3.6/require.min.js" defer async="true" data-main="script/main.js" id="modload" modpage="moddetails"></script>
</body>

</html>